<header class="main-header header-img" id="header">
    <!-- Logo -->
    <a class="logo" *ngIf="layoutMode=='sidebar'" style="overflow:visible !important;white-space:nowrap;">

        <div style="line-height:75px;">
            <!-- <span class="logo-mini">
                <img src="assets/img/logo.png" alt="">
            </span> -->
            <img class="image"  src="assets/img/logo-big1.png" alt="">
            <span style="font-size:27px;font-weight:700;z-index:9999;position:absolute;margin-left:15px;margin-right:10px">产品管理系统</span>
        </div>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
        <div [class.container]="layoutMode=='topnav'">
            <div class="navbar-header" *ngIf="layoutMode=='topnav'">
                <a href="/pages/dashboard/home" class="navbar-brand">产品管理系统</a>
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
                    <i class="fa fa-bars"></i>
                </button>
            </div>
            <!-- <span style="color:white;font-size:28px;line-height:76px;font-weight:700;margin-left:-45px;">产品管理系统</span> -->
            <!-- Sidebar toggle button-->

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse pull-left" id="navbar-collapse" *ngIf="layoutMode=='topnav'">
                <ul class="nav navbar-nav">
                    <li [class.dropdown]="item.sublinks" *ngFor="let item of links" [class.active]="item.link?(item.link[0] === currentUrl):false">
                        <a (click)="nav(item,null)" [class.dropdown-toggle]="item.sublinks" data-toggle="dropdown">{{item.title}}
                            <span *ngIf="item.sublinks" class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu" *ngIf="item.sublinks">
                            <li *ngFor="let subitem of item.sublinks">
                                <a (click)="nav(item,subitem)">{{subitem.title}}</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
            <div class="navbar-custom-menu" style="margin-top:15px;padding-right:15px;">
                <ul class="nav navbar-nav">
                    <!-- <li class="dropdown messages-menu">
                        <a class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-envelope-o"></i>
                            <span class="label label-success">4</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="header">你有4个新消息</li>
                            <li>
                                <ul class="menu">
                                    <li>

                                        <a>
                                            <div class="pull-left">
                                                <img src="assets/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                                            </div>
                                            <h4>
                                                新消息
                                                <small><i class="fa fa-clock-o"></i> 5 分钟前</small>
                                              </h4>
                                            <p>你有一个新邮件！</p>
                                        </a>
                                    </li>

                                </ul>
                            </li>
                            <li class="footer"><a>查看全部消息</a></li>
                        </ul>
                    </li> -->
                    <!-- User Account: style can be found in dropdown.less -->
                    <li class="dropdown user user-menu">
                        <a class="dropdown-toggle" data-toggle="dropdown">
                            <img src="assets/img/user_128px.png" class="user-image" alt="User Image">
                            <span class="hidden-xs">{{loginUserName}}</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- User image -->
                            <li class="user-header" style="padding-top:30px!important;">
                                <img src="assets/img/user_128px.png" class="img-circle" alt="User Image">
                                <p>
                                    {{loginUserName}}
                                    <!-- <small>上次登录时间：2017-05-01 12:00:00</small> -->
                                </p>
                            </li>
                            <li class="user-footer">
                                <div class="center-block text-center">
                                    <!-- <button class="btn btn-primary" (click)="logOut()">退出登录</button> -->
                                    <a href="/#/login"class="btn btn-primary" (click)="logOut()" class="btn btn-default btn-flat">退出登录</a>
                                </div>
                                <!-- <div class="pull-left">
                                    <a class="btn btn-default btn-flat">设置</a>
                                </div>
                                <div class="pull-right">
                                    <a href="/#/login" (click)="logOut()" class="btn btn-default btn-flat">退出</a>
                                </div> -->
                            </li>
                        </ul>
                    </li>
                    <!-- Control Sidebar Toggle Button -->
                    <!-- <li>
                    <a data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
                </li> -->
                </ul>
            </div>
        </div>
    </nav>
</header>
